<ion-tabs class="tabs-icon-top tabs-color-active-calm">
  <ion-tab title="首页" icon-off="cc_tab_pic cc_tab_off_1" icon-on="cc_tab_pic cc_tab_on_1" href="#/tab/home" style="">
    <ion-nav-view name="tab-home"></ion-nav-view>
  </ion-tab>
  <ion-tab title="向导" icon-off="cc_tab_pic cc_tab_off_2" icon-on="cc_tab_pic cc_tab_on_2" href="#/tab/guide/">
    <ion-nav-view name="tab-guide"></ion-nav-view>
  </ion-tab>
  <!--   <ion-tab title="" icon-off="cc_tab_pic cc_tab_off_3" icon-on="cc_tab_pic cc_tab_on_3" href="#/tab/user">
    <ion-nav-view name="tab-user"></ion-nav-view>
  </ion-tab> -->
  <ion-tab style="display: none" icon-on="bar-home-on" icon-off="bar-home-off">
    <ion-nav-view name="tab-publish" />
  </ion-tab>
  <div style="position: absolute;bottom: -15px;margin-left: 50%;left: 0;
  transform: translateX(-50%);" ng-click="makeuseranth()">
    <img src="img/new/fabu-icon.png" width="60px" height="60px" alt="">
    <!-- <div style="background-color: rgba('img/new/fabu-icon.png');">
	</div> -->
  </div>
  <style>
  .tab-nav a {
    /*background-color: #666;*/
  }

  .tab-nav a:nth-child(10) {
    margin-top: 100px;
    /*background-color: #f44;*/
  }
  </style>
  <ion-tab title="结伴" icon-off="cc_tab_pic cc_tab_off_f" icon-on="cc_tab_pic cc_tab_on_f" href="#/tab/makefriend">
    <ion-nav-view name="tab-makefriend"></ion-nav-view>
  </ion-tab>
  <ion-tab title="我的" icon-off="cc_tab_pic cc_tab_off_3" icon-on="cc_tab_pic cc_tab_on_3" href="#/tab/user">
    <ion-nav-view name="tab-user"></ion-nav-view>
  </ion-tab>
</ion-tabs>
